<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <body>

        <ui:composition template="./inventarioTemplate.xhtml">

            <ui:define name="top">
                <form>
                  <center> Articulo Crear Editar </center>
                </form>
            </ui:define>

            <ui:define name="left">
                left
            </ui:define>

            <ui:define name="right">
                right
            </ui:define>

            <ui:define name="content">
                <f:view>
                                       <h:form>
                                           <h:form>
                                               <h1><h:outputText value="Create/Edit"/></h1>
                                               <h:panelGrid columns="2">
                                                 <h:outputLabel value="Nombre:" for="nombre" />
                                                 <h:inputText id="nombre" value="#{articuloBean.articulo.nombre}" title="Nombre" required="true" requiredMessage="The Nombre field is required." validatorMessage="acepta  de  3 a 45 caracteres" ></h:inputText>
                                                    <f:validateLength minimum="3" maximum="45"/>
                                                 <h:outputLabel value="Cantidad:" for="cantidad" />
                                                   <h:inputText id="cantidad" value="#{articuloBean.articulo.cantidad}" title="Cantidad"  validatorMessage="solo aceptas estos  caracteres"></h:inputText>
                                                  <f:validateRegex pattern="[0-9]{1,45}"/>
                                                   <h:outputLabel value="FechaIngreso:" for="fechaIngreso" />
                                                   <p:calendar value="#{articuloBean.articulo.fechaIngreso}" pattern="dd.MM.yyyy"/>
                                                   <h:outputLabel value="Usuario:" for="usuario" />
                                                   <h:inputText id="usuario" value="#{articuloBean.articulo.usuario}" title="Usuario"  validatorMessage="solo acepta d e  3  A 45 caracteres"></h:inputText>
                                                      <f:validateLength minimum="3" maximum="45"/>
                                                   <h:outputLabel value="Costo:" for="costo" />
                                                  <h:inputText id="costo" value="#{articuloBean.articulo.costo}" title="Costo"  validatorMessage="son los numero q acepta"></h:inputText>
                                                   <f:validateRegex pattern="[0-9]{1,45}"/>
                                                  <h:outputLabel value="Proveedor:" for="proveedor" />
                                                   <h:inputText id="proveedor" value="#{articuloBean.articulo.proveedor}" title="Proveedor"  validatorMessage="solo acepta  minisculas"></h:inputText>
                                                    <f:validateLength minimum="3" maximum="45"/>
                                                   <h:outputLabel value="Materiales:" for="materiales" />
                                                   <h:inputText id="materiales" value="#{articuloBean.articulo.materiales}" title="Materiales"  validatorMessage="solo acepta estos caracteres"></h:inputText>
                                                     <f:validateLength minimum="3" maximum="45"/>
                                                   
                                                   <h:commandButton action="ArticuloConfirmar" value="Aceptar"/>
                                                      <h:commandButton action="Articulo" value="cancelar" immediate="true"/>
                                                     
                                                      
                                               </h:panelGrid>
                                           </h:form>
                                  </h:form>
                </f:view>

            </ui:define>

        </ui:composition>

    </body>
</html>
